.window-header {
  // 设置窗口头部的内边距，上方和下方为14px，左侧和右侧为20px
  padding: 14px 20px;
  // 添加底部边框，颜色为rgba(0, 0, 0, 0.1)，宽度为1px
  border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
  // 设置元素的定位方式为相对定位，以便于在该元素内部使用绝对定位
  position: relative;

  // 使用flex布局以方便地对齐子元素
  display: flex;
  // 指定子元素沿水平方向均匀分布，以最大化利用可用空间
  justify-content: space-between;
  // 指定子元素沿垂直方向居中对齐，以实现垂直居中
  align-items: center;
}

.window-header-title {
  max-width: calc(100% - 100px);
  // 隐藏超出的内容，保持内容不超出显示区域
  overflow: hidden;

  .window-header-main-title {
    font-size: 20px;
    font-wight: bolder;
    // 隐藏溢出的文本，防止标题过长导致显示问题
    overflow: hidden;
    // 当文本溢出时用省略号表示，提高用户体验
    text-overflow: ellipsis;
    // 确保文本中的空白处正确显示，避免文本混乱
    white-space: nowrap;
    // 将标题显示为块级元素，以正确应用样式
    display: block;
    max-width: 50vw;
  }

  .window-header-sub-title {
    // 设置字体大小为14像素
    font-size: 14px;
    // 设置距顶部外边距为5像素
    margin-top: 5px;
  }
}

// 定义窗口操作按钮的容器样式
.window-actions {
  display: inline-flex;
}

//定义窗口操作按钮的样式
// margin-left属性设置按钮左侧的外边距为10px
.window-action-button {
  margin-left: 10px;
}